* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html{
    height: 100%;
}
.nowrap{
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
}
.wrap{
    word-break:break-all;
    white-space:pre-wrap;
}
.warapByWord{
    word-wrap:break-word;
    white-space:pre-wrap;
}
.floatLeft{
    float:left;
}
.floatRight{
    float:right;
}
.dispaly-flex{
    display: flex;
}
.dispaly-flex-y{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.flex-1{
    flex:1;
}
.dis-flex-content{
    justify-content: space-between;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.dispaly-none{
    display: none;
}